<template>
    <view>
        <u-navbar title="关于世纪浙江"></u-navbar>
        <view class="content">
            <!-- <image src="/static/start4.9.png" class="image"></image> -->
            <view class="avatorWrapper">
                
                <view class="avator">
                    <image class="img" src="/static/logo5.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="box">
                <view class="title">
                    APP名称
                </view>
                <view class="main">
                    世纪浙江
                </view>
            </view>
            <view class="box">
                <view class="title">
                    使用框架
                </view>
                <view class="main">
                    uniapp
                </view>
            </view>
            <view class="box">
                <view class="title">
                    开发工具
                </view>
                <view class="main">
                    HBuilder X
                </view>
            </view>
            <view class="box">
                <view class="title">
                    状态
                </view>
                <view class="main">
                    正常
                </view>
            </view>
            
        </view>
    </view>
</template>

<script></script>

<style lang="scss" scoped>
    .content {
        background: #f8f8f8;
        /* background: url(/static/start4.9.png); */
        width: 100vw;
        height: 100vh;
    }
    .image{
        /* width: 750rpx; */
    }
    .avatorWrapper {
        /* height: 30vh; */
        padding-top: 20rpx;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .avator {
        width: 300rpx;
        height: 484rpx;
        overflow: hidden;
    }
    
    .avator .img {
        width: 100%
    }
    .box {
        padding: 30rpx 40rpx;
        // margin-top: 30rpx;
        margin: 20rpx 30rpx;
        background: #fff;
        border: 3rpx solid #ddd;
        border-radius: 20rpx;
        font-size: 35rpx;
        
        .right {
            float: right;
            margin: 0 10rpx 0;
            
        }
        .title {
            // text-align: center;
            padding: 5rpx;
            color: #202020;
            // font-weight: bold;
            font-size: 37rpx;
        }
        .main {
            padding: 5rpx;
            color: #818181;
            // font-weight: bold;
            font-size: 33rpx;
        }
    }
</style>